﻿<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <title>Song</title>
  </head>
  <body>
    <div id="songPage" data-role="page">
      <div data-role="content">
        <div id="head">
          <h2 id="title"></h2>
          <h4 id="artist"></h4>
        </div>
        <div class="ui-grid-a">
          <div class="ui-block-a">
            <img id="songPoster"/>
          </div>
          <div class="ui-block-b">
            <p id="album"></p>
            <div id="rating"></div>
          </div>
        </div>
        <div class="ui-grid-b">
          <div id="video0" class="ui-block-a">
          </div>
          <div id="video1" class="ui-block-b">
          </div>
          <div id="video2" class="ui-block-c">
          </div>
        </div>
        <div data-role="collapsible" data-content-theme="c">
          <h3>Lyrics</h3>
          <p id="lyrics"></p>
        </div>
        <a data-transition="none" id="buy" data-role="button" href="BUY" data-theme="c">Buy on Amazon</a>
        <a data-transition="none" id="facebook" data-role="button" data-theme="b" target="_blank">
          Share on Facebook
        </a>
      </div>
    </div>
  </body>
</html>